<!--  -->
<template>
		<div class="footer-info">
			<div class="container clearfix">
				<div class="logo">
					<img src="@/assets/img/icon/mi-logo.png"/>
				</div>
				<div class="info-text">
					<p class="sites">
						<a href="#">小米商城</a>
						<span class="sep">|</span>
						<a href="#">MIUI</a>
						<span class="sep">|</span>
						<a href="#">米聊</a>
						<span class="sep">|</span>
						<a href="#">多看</a>
						<span class="sep">|</span>
						<a href="#">游戏</a>
						<span class="sep">|</span>
						<a href="#">政企服务</a>
						<span class="sep">|</span>
						<a href="#">小米天猫店</a>
						<span class="sep">|</span>
						<a href="#">小米集团隐私政策</a>
						<span class="sep">|</span>
						<a href="#">小米公司儿童信息保护规则</a>
						<span class="sep">|</span>
						<a href="#">小米商城隐私政策</a>
						<span class="sep">|</span>
						<a href="#">小米商城用户协议</a>
						<span class="sep">|</span>
						<a href="#">问题反馈</a>
						<span class="sep">|</span>
						<a href="#">Select Location</a><br>
						<a href="#">北京互联网法院法律服务工作站</a>
						<span class="sep">|</span>
						<a href="#">中国消费者协会</a>
						<span class="sep">|</span>
						<a href="#">北京市消费者协会</a>
					</p>
					<p>
						©
						<a href="#">mi.com</a>
						京ICP证110507号
                <a href="#" target="_blank" >京ICP备10046444号</a> 
                <a href="#" target="_blank">京公网安备11010802020134号</a> 
                <a href="#" target="_blank">京网文[2020]0276-042号</a> <br> 
                <a href="#" target="_blank">（京）网械平台备字（2018）第00005号</a> 
                <a href="#" target="_blank">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a> 
                <a href="#" target="_blank">营业执照</a> 
                <a href="#" target="_blank">医疗器械质量公告</a> <br> 
                <a href="#" target="_blank">增值电信业务许可证</a>&nbsp;网络食品经营备案 京食药网食备202010048 &nbsp;
                <a href="#" target="_blank">食品经营许可证</a> <br>
                违法和不良信息举报电话：171-5104-4404 &nbsp;
                <a href="#" target="_blank">知识产权侵权投诉</a>&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
					</p>
				</div>
				<div class="info-links">
					<a href="#">
						<img  src="@/assets/img/picture/truste.png" alt="隐私认证">
					</a>
					<a href="#">
						<img  src="@/assets/img/picture/chengXinWangZhan.png" alt="诚信网站">
					</a>
					<a href="#">
						<img  src="@/assets/img/picture/keXinWangZhan.png" alt="可信网站">
					</a>
					<a href="#">
						<img  src="@/assets/img/picture/chengXinJingYing.png" alt="诚信经营">
					</a>
					<a href="#">
						<img  src="@/assets/img/picture/wangZhanAnQuan.png" alt="网站安全">
					</a>
				</div>
			</div>
			<div class="slogan">探索黑科技，小米为发烧而生</div>
		</div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style lang='less' >
.footer-info {
  margin: 0 auto;
  width: 1226px;
  padding: 30px 0;
  font-size: 12px;
  background: rgb(245, 245, 245);

  .logo {
    float: left;
    width: 57px;
    height: 57px;
    margin-right: 10px;
    background-color: #ff6700;

    img {
      width: 57px;
    }
  }

  .info-text {
    float: left;
    color: #b0b0b0;

    p {
      line-height: 18px;
      margin: 0;
      font-size: 12px;
    }

    .sites {
      color: #b0b0b0;
      font-size: 12px;

      a {
        color: #b0b0b0;
        font-size: 12px;

        &:hover {
          color: #ff6700;
        }
      }

      .sep {
        margin: 0 0.25em;
        font-family: sans-serif;
      }
    }
  }

  .info-links {
    float: left;
    height: 28px;
    margin: 4px 0 0;
    margin-left: 67px;

    img {
      height: 28px;
    }
  }

  .slogan {
    clear: both;
    margin: 30px auto 0;
    width: 267px;
    height: 19px;
    text-align: center;
    font-size: 18px;
    color: #757575;
  }
}
</style>
